{include file="common/header"}
<link href="/static/admin/css/other.css?v={:time()}" rel="stylesheet">
<link rel="stylesheet" href="/static/admin/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
<main class="lyear-layout-content">
    <div class="container-fluid">
        <div class="row history">
            <div class="col-lg-2" id="col-cust">
                <div class="card">
                    <div class="card-header">
                        <h4>{:lang('history.all_customer_service')}</h4>
                    </div>
                    <div class="card-body">
                        <ul id="custlist"></ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 none" id="col-visi">
                <div class="card">
                    <div class="card-header">
                        <h4>{:lang('history.visitor_list')}</h4>
                    </div>
                    <div class="card-body">
                        <ul id="visilist"></ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 none" id="col-time">
                <div class="card">
                    <div class="card-header">
                        <h4>{:lang('history.period_of_time')}</h4>
                    </div>
                    <div class="card-body">
                        <ul id="timelist">
                            <li class="time2 cursor" type="7day"><span>{:lang('history.within_7days_recently')}</span></li>
                            <li class="time2 cursor" type="1month"><span>{:lang('history.the_recent_1month')}</span></li>
                            <li>
                                <div class="input-daterange input-group">
                                    <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="start" name="start" placeholder="{:lang('history.from')}">
                                    <span class="input-group-addon"><i class="mdi mdi-chevron-right"></i></span>
                                    <input class="form-control js-datepicker" data-date-format="yyyy-mm-dd" type="text" id="end" name="end" placeholder="{:lang('history.to')}">
                                </div>
                            </li>
                            <li class="time3">
                                <button class="btn btn-primary" type="dtime">{:lang('public.query')}</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 none" id="col-record">
                <div class="card">
                    <div class="card-header">
                        <h4>{:lang('history.chat')}</h4>
                    </div>
                    <div class="card-body">
                        <div id="wrap">
                            <ul class="conversation"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<input type="hidden" id="getvsid" value="0">
{include file="common/footer"}
<script type="text/javascript">
    let IM_config = {
        getCustomerAll: "{:apiUrl('api/History/getCustomerAll')}",
        getCuidVisitorsAll: "{:apiUrl('api/History/getCuidVisitorsAll')}",
        getTimeRecord: "{:apiUrl('api/History/getTimeRecord')}",
    };
</script>
<script src="/static/admin/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/static/admin/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/static/admin/js/history.js"></script>